/* ==== v-time-spinner ==== */

.v-time-spinner {
  &.has-seconds {
    .v-time-spinner__wrapper {
      width: 33%;
    }

    .v-time-spinner__wrapper:nth-child(2) {
      margin-left: 1%;
    }
  }

  &__wrapper {
    max-height: 190px;
    overflow: auto;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    position: relative;

    & .v-scrollbar__wrap:not(.v-scrollbar__wrap--hidden-default) {
      padding-bottom: 15px;
    }
  }

  &__list {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;

    &::after,
    &::before {
      content: '';
      display: block;
      width: 100%;
    }
    &::after {
      height: 160px;
    }
  }

  &__item {
    height: 32px;
    line-height: 32px;
    font-size: 12px;

    &:hover:not(.disabled):not(.active) {
      background:  #f5f5f5; // @datepicker-cell-hover-color;
      color: @default-color;
      cursor: pointer;
    }

    &.active:not(.disabled) {
      background: #f5f5f5; // @datepicker-cell-hover-color;
      color: @default-color;
    }

    &.disabled {
      color: @datepicker-border-color;
      cursor: not-allowed;
    }
  }
}
